<template>
  <div>
    <header class="header">
      <Time />
    </header>
    <main class="main">
      <Search class="search" />
    </main>
    <footer></footer>
  </div>
</template>

<script>
import Search from "@/components/Search";
import Time from "@/components/Time";
export default {
  data() {
    return {};
  },
  components: {
    Search,
    Time
  },
  mounted() {
    this.$store.dispatch("home/getHomeImage").then(res => {
      this.$store.dispatch("index/setHomeBackground", res);
    });
  }
};
</script>

<style scoped lang="less">
.header {
  text-align: center;
  padding: 50px 20px 20px 20px;
}

.main {
  padding: 20px;
}
</style>
